import Vue from 'vue'
import Router from 'vue-router'
// import Home from './views/Home.vue'
// import Home from './components/Home'
// import News from './components/News'
//  import Hot from './components/Hot'
// import TV from './components/TV'
// const News=()=>import('./components/News')
// const TV=()=>import('./components/TV')
// const Film=()=>import('./components/Film')
// import Film from './components/Film'
// import Detail from './components/Detail'
// import Login from './components/Login'
// import HomeView from './components/ch09/test/test3/HomeView.vue'
// import ListView from './components/ch09/test/test3/ListView.vue'
import UserView from './views/UserView.vue'
import RoleView from './views/RoleView.vue'

Vue.use(Router)

const router=new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path:"/",
      redirect:"/user"
    },
    {
      path:"/user",
      component:UserView,
      name:"user"
    },
    {
      path:"/role",
      component:RoleView,
      name:"role"
    }


    // {
    //   path: '/',
    //   name: 'home',
    //   component: Home
    // },
    // {
    //   path: '/about',
    //   name: 'about',
    //   // route level code-splitting
    //   // this generates a separate chunk (about.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    //   component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
    // },
    // {
    //   path: '/news',
    //   name: 'news',
    //   component: News,
    //   children:[
    //     {
    //       path: '/news/TV',
    //       name: 'TV',
    //       component: TV
    //     },
    //     {
    //       path: '/news/Film',
    //       name: 'Film',
    //       component: Film
    //     }
    //   ]
    // },
    // {
    //   path: '/hot',
    //   name: 'hot',
    //   component: Hot
    // },
    // {
    //   path: '/news/:abc/:bcd/:cde',
    //   name: 'detail',
    //   component: Detail
    // },
    // {
    //   path: '/login',
    //   name: 'login',
    //   component: Login
    //   // beforeEnter:(to,from,next)=>{
    //   //   console.log("访问的是登录组件直接放行");
    //   //   next();
    //   // }
    // },
    // {
    //   path: '/index',
    //   name: 'index',
    //   component: HomeView,
    //   meta:{
    //     title:"首页title"
    //   }
    // },
    // {
    //   path: '/list',
    //   name: 'list',
    //   component: ListView,
    //   meta:{
    //     title:"列表title"
    //   }
    // },
  ]
})

export default router;

// //前置守卫
// router.beforeEach((to,from,next)=>{
//   if(to.path=="/login"){
//     //放行
//     console.log("访问的是登录组件直接放行");
//     next();
//   }else{
//     let flag=false;//判断有没有登录
//     if(flag){
//       //放行
//       console.log("已登录直接放行");
//       next();
//     }else{
//       //跳转到登录页面
//       console.log("未登录不放行");
//       next({path:"/login"});
//     }
//   }
// });
// router.afterEach((to,from)=>{
//   console.log("去往的路劲是："+to.path);
// });
router.beforeEach((to,from,next)=>{
  window.document.title=to.meta.title;
  next();
});